*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
  -webkit-box-shadow: inset 0 0 6px transparent !important;
  box-shadow: inset 0 0 6px transparent !important;
  border-radius: 6px !important;
}

::-webkit-scrollbar-track {
  background-color: transparent !important;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 3px var(--color-fill-4) !important;
  box-shadow: inset 0 0 3px var(--color-fill-4) !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px !important;
  background-color: var(--color-fill-4) !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-border-3) !important;
}

.arco-drawer {
  .arco-drawer-header .arco-drawer-title {
    font-weight: bold;
  }
  .arco-drawer-body {
    padding: 0 24px;
  }
}

.arco-modal {
  .arco-modal-header .arco-modal-title {
    font-weight: bold;
  }
}

.arco-spin[full] {
  width: 100%;
  height: 100%;
}
.arco-modal-simple .arco-modal-footer {
  text-align: right;
}

.arco-table .arco-btn {
  height: 20px;
  padding: 0 6px;
}


@keyframes ant-line {
  to {
      stroke-dashoffset: -1000
  }
}